<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Google</title>
	<script type="text/javascript">
		alert(window.navigator.appName);
	</script>

	<style type="text/css">
		


		b { font-size:100px;}
		
		.blue{color:#00F}
		.red{color:#F00}
		#orange{color:#F90}
		#green{color:#090}
		
		.text{
			margin:0 auto;
			width: 500px;
			height: 500px;
			border-top-left-radius: 10px;
			border:1px solid;
		}
		.text:hover{
			background-color: #000;
			color: white;/*
			margin-left: 10px;*/
		}
		#bg{
			background-image: url(./img/bgre.gif);
			background-repeat: repeat-x;
			width: 500px;
			height: 216px;
			border-radius: 10px;
			border:2px solid red;

		}
		ul{
			margin:0;

		}

		li{
			font-weight: 800;
			list-style-type: none;
			float: left;
			color: #FFF;
			font-size: 16px;
			margin: 8px;

		}
		a:link{
			color: #FFF;
			text-decoration: none;
		}

		a:hover{
			color: red;
			text-decoration: underline;
		}

	</style>



</head>

<body>

	<div id="bg">
		<ul>
			<li><a href="#">图书</a></li>
			<li>|</li>
			<li><a href="#">电器</a></li>
			<li>|</li>
			<li><a href="#">手机</a></li>
			<li>|</li>
			<li><a href="#">电脑</a></li>
			<li>|</li>
			<li><a href="#">礼品</a></li>
			<li>|</li>
			<li><a href="#">视频</a></li>
			<li>|</li>
			<li><a href="#">相册</a></li>
			<li>|</li>
		</ul>
	</div>


	<b class="blue">G</b>
	<b class="red">o</b>
	<b id="orange">o</b>
	<b class="blue">g</b>
	<b id="green">l</b>
	<b class="red">e</b>

	<div class="text">11</div>


	<br /><br /><br /><br />
	<a href="Untitled-1.html">返回</a>



</body>

</html>
